$width: 200px;
.content {
  $width: 300px !global;
  .a {
    width: $width;
  }
}

.result {
  width: $width;
}

$list: 1px 2px 3px 4px;
$list2: 1px 2px, 3px 4px, 5px 6px;
div {
  $childList2: nth(
    $list: $list2,
    $n: 3,
  );
  padding: nth($list: $childList2, $n: 2);
}

@each $value in $list {
  .icon-#{$value} {
    font-size: $value;
  }
}

@each $s in $list2 {
  @each $value in $s {
    .padding-#{$value} {
      padding: $value;
    }
  }
}

@each $s in $list2 {
  .margin-#{nth($s,1)} {
    margin: $s;
  }
}
